$(function(){
	
	$(".directory-content").height($(window).innerHeight()-$(".ok_btn").height()-201);
	// debugger;
  	$(".addVitual .directory-content").height($(window).innerHeight()-46);

  	$(".org").height($(".directory-content").height()-240);
  	$(".addVitual .org").height($(window).innerHeight()-parseInt($(".addVitual .distributePanel").css("top"))-100);

  	
  	$(".selected").height($(".directory-content").height()-240);
	var isout;
	/*checkbox划过效果*/
	$(".tableFrameTr").on("mouseover",".check",function(){
		if(!$(this).hasClass('check-down')){
			$(this).removeClass('checkbox').addClass('check-active');

		}
		
	})
	/*checkbox移出效果*/
	.on("mouseout",".check",function(){
		$(this).removeClass('check-active').addClass('checkbox');
		
	})
	.on("click",".check",function(e){
		e.stopPropagation();
		if($(this).hasClass('check-down')){
			$(this).removeClass('check-down').addClass('checkbox');
			
			$(this).closest(".tableFrameTr").removeClass('bgbce4ff').removeClass('bgacdeff')
			$(this).closest(".tableFrameTr").find(".linkTitle").removeClass('color0099ff')
		}else{
			$(this).removeClass('check-active').removeClass('checkbox').addClass('check-down');
			$(this).closest(".tableFrameTr").addClass('bgbce4ff').removeClass('tableTrHover');

			 
			// debugger;
		}

		// alert($(".check-down").length)
		
	});
	/*鼠标移入整行变色*/
	$(".overHidden").on("mouseover",".tableFrameTr",function(e){
		e.stopPropagation();
		if(!$(this).hasClass('bgbce4ff') && !$(this).hasClass('bgacdeff') ){
			// debugger;
			$(this).addClass('tableTrHover');
			$(this).find(".linkTitle").addClass('color0099ff').addClass('t-underline');
		}
		if($(this).find(".check-down").length>0){
			$(this).removeClass('bgbce4ff').addClass('bgacdeff');

		}	
	})
	/*鼠标移出整行变色*/
	.on("mouseout",".tableFrameTr",function(e){

		if($(this).find(".check-down").length>0){
			$(this).removeClass("bgacdeff").addClass('bgbce4ff');
			$(this).find(".linkTitle").addClass('color0099ff')
		}else{
			$(this).removeClass('tableTrHover');
		}
		if(!$(this).hasClass('bgbce4ff') && $(this).find(".check-down").length==0){
			$(this).find(".linkTitle").removeClass('color0099ff')
		}
		$(this).find(".linkTitle").removeClass('t-underline')
	})
	/*鼠标点击整行变色*/
	.on("click",".tableFrameTr",function(e){	
		e.stopPropagation();
		isout=false;	
		$(this).removeClass('tableTrHover');
		// $(this).toggleClass('bgbce4ff');
		if(!$(this).hasClass('bgbce4ff')){
			$(this).addClass('bgbce4ff');
			$(this).find(".linkTitle").addClass('color0099ff');
		}else{
			debugger;
			$(this).removeClass('bgbce4ff')
			if(!$(this).find('check-down').length>0){
				$(this).removeClass('bgbce4ff')
			}
			
		}
	})

	$(document).bind("click",function(){		
		if(!$(".tableFrameTr .check").hasClass('check-down') && isout){
			$(".tableFrameTr").removeClass('bgbce4ff');
			$(this).find(".linkTitle").removeClass('color0099ff').removeClass('t-underline');
		}
		isout=true;
		// alert();
		$(".sel").each(function(){

			if(!$(this).find("li:not(first-child)").hasClass('di-n')){
				$(this).find("li").not(".selectArrow").addClass('di-n');
				$(this).removeClass('border0099ff').removeClass('bo-shadow').addClass('bordere4edf0')
			}
		})
		
		
	});
	$(".create").on("click",function(){
		 openRight("pages/v-directory-frame.html",".createDirectory");
		// $.popShow("pages/v-directory-frame.html")
	});
	$(".login").on("click",function(){
		// debugger;
		openRight("pages/v-directory-frame.html",".addVitual",".createDirectory");
		// $(".createDirectory",parent.frames['rightFrame'].document).addClass('di-n');
		// $(".addVitual",window.parent.document).removeClass('di-n');
	})

	//右侧弹出框交互
		//点击下一步
	 $(".r-Panel").on("click",".createD .ok_btn .next",function(){ 	
	 	if($(this).parent().parent().next().length!=0){
	 		$(this).parent().parent().addClass('di-n');
	 		$(this).parent().parent().next().removeClass('di-n');
	 	} 
	 })
	 .on("click",".createD .ok_btn .pre",function(){	 	
	 	
	 	if($(this).parent().prev().length!=0){
	 		$(this).parent().parent().addClass('di-n');
	 		$(this).parent().parent().prev().removeClass('di-n');
	 		
	 	} 
	 })
	
	//
	//数量计算
	$(".r-Panel").on("click",".plus",function(){		
		var n=Number($(".sum").val())+1;
		$(".sum").val(n);
	})
	.on("click",".subs",function(){		
		var n=Number($(".sum").val())-1;
		if(n<1) n=1;
		$(".sum").val(n);
	})
	// var count=0; 
	// $(".ok_btn",window.parent.document).click(function(){
	// 	debugger;
	// 	count++;
	// 	openRight($(".createD").eq(count).attr('class'));
	// })
	// 交付组tree交互
	
	$(".cot").text($(".selected ul").find('li').length); //初始化数量统计
	$(".org").on("mouseenter","li",function(e){
		e.stopPropagation();
		$(this).addClass('bgf1f6f9');
		// $(this).children(".addD").css("visibility","visible");
		$("div.addD").css("top",$(this).position().top+80);
		$("div.addD").css("visibility","visible");

		if($(this).children("ul")){
			$(this).height(0);
		}
		// alert($(this).position().top);
		// $(this).append("<div class='addD mr-10'></div>")
	})
	// .on("mouseover",".addD",function(e){
	// 	e.stopPropagation();
	// 	$(this).parent().addClass('bgf1f6f9');		
	// })

	.on("mouseleave","li",function(e){
		e.stopPropagation();
		 $(this).removeClass('bgf1f6f9');
		 // $(this).children(".addD").css("visibility","hidden");
		 
		 $("div.addD").css("visibility","hidden")
		
		   
		// 
	})
	.on("click","li span",function(e){
		e.stopPropagation();
		// if($(this).parent().children("ul").length>0){
		if($(this).hasClass('arrow-d')){
			$(this).removeClass('arrow-d').addClass('arrow-r')
		}
		if($(this).hasClass('arrow-r')){
			$(this).removeClass('arrow-r').addClass('arrow-d');
		
		}
		 $(this).parent().next().children('ul').css("display","block")
		
		// $(this).parent().removeAttr('width');

		// }
	})
	// .on("click","div.addD",function(){		
	// 	$(this).parent("li").next().find("ul span").each(function(){
	// 		if($(this).attr("class")==null || $(this).attr("class")==""){
	// 			// $(this).clone().text();

	// 			$('.selected ul').append("<li><span>"+$(this).clone().text()+"</span><label class='add-'></label></li>");
	// 		}
	// 	});
	// 	if(!$(this).parent("li").find("span").attr("class")) $('.selected ul').append("<li><span>"+$(this).parent("li").find("span").clone().text()+"</span><label class='add-'></label></li>");
	// 	$(".cot").text($(".selected ul").find('li').length);
	// })
	// $(".org ul li").each(function(){
	// 	$("")
	// })
	
	$(".left").on("click","div.addD",function(){

	})
	.on("mouseenter","div.addD",function(){
		var pos=$("div.addD").position().top-80;

		var index=Math.ceil(parseInt(pos)/35);
		console.log(index)
		$(".org").find("li").eq(index).addClass('bgf1f6f9');
		// $(".org").find("li").eq(index).trigger("mouseenter")

		
	})
	.on("mouseleave","div.addD",function(){
		var pos=$("div.addD").position().top-80;
		var index=Math.ceil(parseInt(pos)/35);
		 $(".org").find("li").eq(index).trigger("mouseleave");
		$(this).css("visibility","hidden");

	})
	$(".org span").each(function(){		
		var pd=20;
		// alert(parents('ul').length);
		$(this).css("margin-left",($(this).parents('ul').length)*pd+"px");
	})
	$(".org li").each(function(){
		// var li_w=$(this).width();
		// var content_w=$(this).children('label').width()+$(this).children('span').width();
		//  if(li_w<content_w){
		//  	$(this).width(content_w+15+"px");
		//  }
	})

	//人员交互
	$(".selected").on("mouseover","li",function(){
		$(this).addClass('bgf1f6f9');
		$(this).find(".add-").css("display","block");
	})
	.on("mouseout","li",function(){
		$(this).removeClass('bgf1f6f9');
		$(this).find(".add-").css("display","none");
	})
	.on("click","label",function(){
		$(this).parent().remove();
		$(".cot").text($(".selected").find('li').length);
	})
	

	//分配交互组单选
	$(".radio").on("click",function(e){
		$(".radio").removeClass('radio-act').addClass('radiounselect');
		$(e.target).removeClass('radiounselect').addClass('radio-act');
	})
	.on("mouseover",function(e){
		if(!$(e.target).hasClass('radio-act')){
			$(e.target).removeClass('radio-act').addClass('radio-active');
		}		
	})
	.on("mouseout",function(e){
		if($(e.target).hasClass('radio-active')){
			$(e.target).removeClass('radio-active').addClass('radiounselect');
		}
	})

	$(".createConfig").on("click",".selectArrow",function(e){
		e.stopPropagation();
		if(!$(this).parent().parent().hasClass('border0099ff')){
			// $(this).parent().parent().removeClass('bordere4edf0').addClass('border0099ff');
			// $(this).nextAll('li').removeClass('di-n');
			// $(this).parent().parent().addClass('bo-shadow');
			seldown($(this).closest('.sel'));
		}else{
			// $(this).parent().parent().removeClass('border0099ff').addClass('bordere4edf0');
			// $(this).nextAll('li').addClass('di-n');
			// $(this).parent().parent().removeClass('bo-shadow');
			 selup($(this).closest('.sel'));
		}
		// if(seldown($(this).closest('.sel'))){
		// 	selup($(this).closest('.sel'))
		// }else{
		// 	seldown($(this).closest('.sel'))
		// }
	
	})
	.on("mouseover",".selectArrow",function(e){
		if(!$(this).closest(".sel").hasClass('border0099ff') && $(this).closest(".sel").parent().prev().prev().find('.radio').hasClass('radio-act')){
			$(this).removeClass('pm').addClass('pm-act');
		}
	})
	.on("mouseout",".selectArrow",function(){
		if(!$(this).closest(".sel").hasClass('border0099ff')){
			$(this).removeClass('pm-active').addClass('pm');
		}
	})
	.on("click",".sel li:not(.selectArrow)",function(e){
		// debugger;
		e.stopPropagation();
		if($(this).parent().parent().hasClass('border0099ff')){
			selup($(this).closest(".sel"));	
			
		}

		$(this).parent().find(".selectArrow").text($(this).text());
		// 
	})
	.on("mouseover",".config span",function(){
		// debugger;
		if($(this).children("input").length==0){
			$(this).removeClass('bordere4edf0').addClass('border0099ff');
		}
	})
	.on("mouseout",".config span",function(){
		if(!$(this).hasClass('bg0099ff')){
			$(this).removeClass('border0099ff').addClass('bordere4edf0');
		}
	})
	.on("click",".config span",function(){
		if($(this).children('input').length==0){			

			$(this).parent().find('span').removeClass('bg0099ff').removeClass('border0099ff').addClass('bordere4edf0');
			$(this).addClass('bg0099ff').addClass('border0099ff');
		}
	})
	function seldown(ele){
		if($(ele).parent().prev().prev().find('.radio').hasClass('radio-act')){
			$(ele).find("li").removeClass('di-n');
			$(ele).removeClass('bordere4edf0').addClass('border0099ff').addClass('bo-shadow');
			$(ele).find(".selectArrow").text("请选择");
			$(ele).find(".selectArrow").removeClass('color344c50').addClass('color6787ab').removeClass('pm').addClass('pm-active');
			
		}
		
		// return true
	}
	function selup(ele){
		$(ele).find("li").not(".selectArrow").addClass('di-n');
		$(ele).removeClass('border0099ff').addClass('bordere4edf0').removeClass('bo-shadow');
		$(ele).find(".selectArrow").removeClass('color6787ab').addClass('color344c50').removeClass('pm-active').removeClass('pm-act').addClass('pm');
	}
})